@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2019-03-25 08:48:55
 * @version $Id$
 */
*{ margin:0; padding:0; font-size:13px; font-family:microsoft yahei; color: #333}
body{ overflow-x: hidden}
svg { display: block; }
img{ border:0 none}
a,img{ outline:0}
a{ text-decoration:none;target:_blank !important;}
li{ list-style:none}
.fl{ float:left}
.pl{ left:0}
.pl,.pr{ position:absolute}
.pr{ right:0}
.fr{ float:right}
.page{ margin:0 auto; width:1200px}
.cl,.clear{ clear:both; display: block; }
.dis{ display:none} 
.top35{ margin-top:35px}
.en{ text-transform:uppercase; font-family:arial}



.head{ height: 45px; line-height: 45px; background:#fff; position: relative; border-bottom: 1px solid #eeeeee;}
.head:after{ content: ''; height: 9px; width: 100%; display: block; position: absolute; bottom: -9px; left: 0; }
.head .fl,.head .fr a{ color: #aaa; }
.head .fr a { float:left; padding-left: 45px; background: url(../images/top_input.png) no-repeat 2px 6px; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; font-size: 13px; line-height: 45px; padding-right: 20px; cursor: pointer; position: relative;border-left: #eee 1px solid;}

.head .fr .wx{ background-position:-232px 6px; }
.head .fr .phone{ background-position:-114px 6px; }
.head .fr a:hover,.head .fr strong:hover{ background-position-y:-46px; color: #fff; background-color: #ff7a0e}
.head .fr .wx .wxewm { width: 100%; height: auto; position: absolute; top: 45px; z-index: 2; left: 0; display: none; }
.head .fr .wx .wxewm img{ width: 100%; height: auto; display: block; }


.top .logo a,.top .logo a img{display: block;height: 140px;width: auto;}
.top .logo_2{height: 60px;padding:40px 0;margin-left: -20px;}
.top .logo_2 img{display: block;}
.top .logo_2 span{background: url(../images/top_item_bg.png) no-repeat center;width: 97px;height: 24px;display: block;float: left;margin-right: 16px;color: #fff;font-weight: 100;text-align: center;line-height: 24px;margin-top: 11px;}

.top .top_tel{padding: 30px 0;}
.top .top_tel .top_button{float: left;width:190px;height: 50px;margin-right: 30px;}
.top .top_tel .top_button a,.top .top_tel .top_button a img{display: block;}
.top .top_tel p{float: right;font-size: 25px;color: #ff7a0e;font-weight: bold;font-family: arial;line-height: 30px;text-align:right;position: relative;padding:0 56px 0 0;}
.top .top_tel p:after{content: '';display: block;width: 42px;height: 42px;background:#ff7a0e url(../images/top_tel.png) no-repeat center;border-radius:5px;position:absolute;top:3px;right:4px;}
.top .top_tel p span{display: block;font-weight:normal;color:#565656;font-size: 15px;line-height: 20px;}


.nav{background: #ff7a0e;height:65px;width: 100%;line-height: 65px; position:relative;}
.nav .NavCeshi > li{float: left;}
.nav .NavCeshi > li > a { padding:0 20px 0 75px; color: #fff; font-size: 16px; display: block; position: relative; z-index: 3; background: url(../images/nav_bg.png) no-repeat 8px center; }
.nav .NavCeshi > li#Zz0 > a,.nav .NavCeshi > li#Zz1 > a{background: none;}
.nav .NavCeshi > li > a:after{content: '';display: block;width:24px;height: 24px;position: absolute;left: 42px;top: 21px;}
.nav .NavCeshi > li#Zz0 > a:after{background: url(../images/nav_1.png) no-repeat center;}
.nav .NavCeshi > li#Zz1 > a:after{background: url(../images/nav_2.png) no-repeat center;}
.nav .NavCeshi > li#Zz2 > a:after{background: url(../images/nav_3.png) no-repeat center;}
.nav .NavCeshi > li#Zz3 > a:after{background: url(../images/nav_4.png) no-repeat center;}
.nav .NavCeshi > li#Zz4 > a:after{background: url(../images/nav_5.png) no-repeat center;}
.nav .NavCeshi > li#Zz5 > a:after{background: url(../images/nav_6.png) no-repeat center;}
.nav .NavCeshi > li#Zz6 > a:after{background: url(../images/nav_7.png) no-repeat center;}
.nav .NavCeshi > li:first-child a{ padding:0 59px 0 75px; }
.nav .block{ position: absolute; display: block; background: #e0161a; height: 65px; top: 0; overflow: visible !important; }

.nav .block:after{ content: ''; display: block; width:0; height:0; border-width:0px 35px 65px 35px; border-style:solid; border-color:transparent transparent transparent #e0161a; position: absolute; right: -70px; }


.erji_menu { display: none; width: 100%; position: absolute; background:#fff; left: 0; top: 65px; padding: 40px 0; z-index: 33333;}

.erji_menupro .list ul li { float: left; width:190px; border:1px solid #ddd; margin-left: -1px; position: relative; z-index: 2;}
.erji_menupro .list ul li:hover{border-color: #ff7a0e;z-index: 3;}
.erji_menupro .list ul li a{ display: block; padding:20px 10px 0; }
.erji_menupro .list ul li a img { display: block; width: 100%; height: auto; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px 30px; }
.erji_menupro .list ul li a p{ color: #555; display: block; text-align: center; line-height: 30px; padding:0 0 15px 0; font-size: 14px; }
.erji_menupro .list ul li:hover a p{color: #ff7a0e}

.erji_menu .box-tips { width: 160px; padding-top: 25px; padding-right: 50px; }
.erji_menu .box-tips .line{ height: 4px; margin-bottom: 4px; }
.erji_menu .box-tips .in{ width: 42px; height: 4px; background: #ff7a0e; }
.erji_menu .box-tips h2{ font-size: 24px; line-height: 80px; color: #ff7a0e; }
.erji_menu .box-tips a { display: inline-block; width: 140px; font-size: 12px; color: #ff7a0e; text-align: center; text-transform: uppercase; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; border: 1px solid #ff7a0e; border-radius: 50px; line-height: 34px; font-family: arial; }
.erji_menu .box-tips a span{font-size: inherit;color:inherit;}

.erji_menu .sub-about a.tit { width: 100% !important; font-size: 14px; line-height: 48px; color: #ff7a0e; }
.erji_menu .sub-about a { display: inline-block; line-height: 40px; color: #878787; -webkit-transition: 0.5s all ease; transition: 0.5s all ease; float: left; width: 50%; font-size: 14px; }
.erji_menu .sub-about a:hover{ text-decoration: underline; color: #ff7a0e}
.erji_menu .sub-about { width: 250px; float: left; padding: 30px 40px 0 415px; text-align: center; }

.erji_menu .sign{ width: 124px; }
.erji_menu .sign a{ display: inline-block; width: 122px; height: 56px; padding: 15px 0 5px; border: 1px solid #cfced0; margin: 54px 0 41px; line-height: 24px; text-align: center; -webkit-transition: all 0.5s; transition: all 0.5s; }
.erji_menu .sign a p{ color: #676767}
.erji_menu .sign:hover a p{ color: #ff7a0e}
.erji_menu .sign a:hover{ border: 1px solid #ff7a0e; }
.erji_menu .sign-in{ display: inline-block; width: 122px; height: 32px; margin: 0 auto; overflow: hidden; position: relative; }
.erji_menu .sign-in img{ position: absolute; top:0; left: 0; }
.erji_menu .sign:hover .sign-in img{ top:-32px; }




.erji_menuInst .list { width: 727px; margin-top: 30px; border-top: 1px solid #d8d8da; border-left: 1px solid #d8d8da; }
.erji_menuInst .list li { position: relative; width: 120px; height: 68px; padding: 20px 0 10px; border-right: 1px solid #d8d8da; border-bottom: 1px solid #d8d8da; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; float: left; }
.erji_menuInst .list li.hover{ background: #0c4da2; }
.erji_menuInst .list span{ display: inline-block; }
.erji_menuInst .list span p { font-size: 14px; display: block; line-height: 30px; padding: 5px 0 0; color: #666; }
.erji_menuInst .list li:hover span p{ color:#ff7a0e}
.erji_menuInst .list span.box{ width: 100%; height: 60px; font-size: 11px; line-height: 32px; color: #666; text-align: center; -webkit-transition: color 0.5s; transition: color 0.5s; }
.erji_menuInst .list li.hover span.box{ color: #fff; }
.erji_menuInst .list span.sign { width: 30px; height: 28px; display: block; margin: 0 auto; }
.erji_menuInst .list span.sign img { display: block; width: 100%; height: auto; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }

.erji_menuInst .list li:hover span.sign img{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); }




.banner{ overflow: hidden; background:#eee}
.banner-box{ min-width:1100px; height:600px; position:relative; margin:0 auto; }
.banner-box .bd{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:600px; background-position: center; background-repeat: no-repeat; }
.banner-box .bd li a{ display:block; background-size:auto; }
.banner-btn{ width: 100%; position: absolute; top: 0; left: 0; margin-left: 0; height: 600px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:248px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -webkit-transition:0.3s all ease-in-out; transition:0.3s all ease-in-out}
.banner-btn a.prev{ left:-50px; background:url(../images/20180531144426_364796552.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../images/20180531144426_364796552.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:35px; width: 100%; display: block; }
.banner-box .hd ul { width: 1200px; margin: 0 auto; text-align: center; }
.banner-box .hd ul li{ width:35px; height:10px; border-radius:20px; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; -webkit-transition:0.3s all ease-in-out; transition:0.3s all ease-in-out; text-align: center; position: relative; z-index: 1111; }
.banner-box .hd ul li.on{ background: #ff7a0e; width: 70px; }
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }


.main{background: url(../images/main_bg.jpg) no-repeat center;width: 100%;height: 500px;padding:165px 0 0 0;}

.main_row1{background: #fff;margin-top: -165px;position: relative;z-index: 3;}
.main_row1:after{content: '';display: block;clear: both;}
.main_r1_item{display: block;width: 20%;float: left;padding: 20px 0;position:relative;cursor: pointer}
.main_r1_item p{text-align: center;color: #454545;font-size: 14px;line-height: 30px;}
.main_r1_item i{display: block;width:100%;height: 60px;-webkit-transition: 0.3s all ease;transition: 0.3s all ease;}
.main_r1_item1 i{background: url(../images/main_r1_item1.png) no-repeat center 0;}
.main_r1_item2 i{background: url(../images/main_r1_item2.png) no-repeat center 0;}
.main_r1_item3 i{background: url(../images/main_r1_item3.png) no-repeat center 0;}
.main_r1_item4 i{background: url(../images/main_r1_item4.png) no-repeat center 0;}
.main_r1_item5 i{background: url(../images/main_r1_item5.png) no-repeat center 0;}
.main_r1_item:hover i,.main_r1_item.active i{background-position-y: -70px}
.main_r1_item:before{content:'';display:block;width:130px;background:#ff7a0e;height:5px;position:absolute;top:-15px;border-top-left-radius: 3px;border-top-right-radius: 3px;left:55px;opacity: 0;filter: alpha(opacity=0);-webkit-transition: 0.3s all ease;transition: 0.3s all ease;}
.main_r1_item:after{content:'';display:block;width:130px;background:#ff7a0e;height:8px;position:absolute;bottom: -18px;left:55px;opacity: 0;filter: alpha(opacity=0);-webkit-transition: 0.3s all ease;transition: 0.3s all ease;}

.main_r1_item.active:before,.main_r1_item:hover:before{opacity: 1;filter: alpha(opacity=100);top: -5px;}
.main_r1_item.active:after,.main_r1_item:hover:after{opacity: 1;filter: alpha(opacity=100);bottom: -8px;}
.main_r1_item.active p,.main_r1_item:hover p{color: #ff7a0e}


.main_row2{background: url(../images/main_row2.png) no-repeat center;width: 335px;height: 45px;margin:30px auto 0px;padding: 60px 30px 15px 515px;font-size: 30px;color: #333;font-weight: 100;letter-spacing: 1px;line-height: 32px;}

.main_row3{position: relative;height: 390px;width:100%;}
/*.main_row3:after{content: '';display: block;width: 460px;height:265px;background:url(../images/main_row3.png) no-repeat;bottom:-50px;position:absolute;left:381px;}*/
.main_r3_item{position: absolute;height:60px;width: 145px;cursor: pointer;}
.main_r3_item *{-webkit-transition: 0.3s all ease;transition: 0.3s all ease}
.main_r3_item p{font-size: 18px;color: #666;font-weight: 100;line-height: 25px;display: block;text-align:left;}
.main_r3_item4 p,.main_r3_item5 p,.main_r3_item6 p{text-align: right;}
.main_r3_item p strong{font-size: 24px;color: #454545;font-weight: bold;display: block;line-height: 35px;}
.main_r3_item.active p strong,.main_r3_item:hover p strong{color: #ff7a0e}

.main_r3_item:before{content: '';display: block;position: absolute;background:#333;width: 12px;height: 12px;right: 0;-webkit-box-shadow:0 0 0 7px rgba(0,0,0,0.2);box-shadow:0 0 0 7px rgba(0,0,0,0.2);border-radius:50%;z-index:3}
.main_r3_item:hover:before,.main_r3_item.active:before{background: #ff7a0e;-webkit-box-shadow:0 0 0 7px rgba(255,122,14,0.2);box-shadow:0 0 0 7px rgba(255,122,14,0.2);}
.main_r3_item1:before{right: -230px;top: 75px}
.main_r3_item2:before{right: -240px;top: 105px}
.main_r3_item3:before{right: -110px;top: 75px}
.main_r3_item4:before{left: -240px;top: 60px}
.main_r3_item5:before{left: -235px;top: 115px}
.main_r3_item6:before{left: -105px;top: 75px}

.main_r3_item:after{content: '';display: block;position: absolute;}
.main_r3_item1:after{background: url(../images/main_r3_item1.png) no-repeat center;width: 205px;height: 45px;right:-225px;top:35px}
.main_r3_item2:after{background: url(../images/main_r3_item2.png) no-repeat center;width: 220px;height: 80px;right:-240px;top:35px}
.main_r3_item3:after{background: url(../images/main_r3_item3.png) no-repeat center;width: 85px;height: 45px;right: -105px;top:35px}
.main_r3_item4:after{background: url(../images/main_r3_item4.png) no-repeat center;width: 220px;height: 45px;left: -240px;top:35px}
.main_r3_item5:after{background: url(../images/main_r3_item5.png) no-repeat center;width: 220px;height: 85px;left: -240px;top:35px}
.main_r3_item6:after{background: url(../images/main_r3_item6.png) no-repeat center;width: 80px;height: 45px;left: -100px;top:35px}


.main_r3_item1{left: 10px;top:40px;}
.main_r3_item2{left: 10px;top:150px}
.main_r3_item3{left: 10px;top:260px}
.main_r3_item4{right: 10px;top:40px}
.main_r3_item5{right: 10px;top:150px}
.main_r3_item6{right: 10px;top:260px}

.index_product{background: url(../images/product_bg.jpg) no-repeat center;width: 100%;height: 825px;padding: 50px 0;}
.prod_row1{background: url(../images/product_tit.png) no-repeat center;width: 1200px;height: 120px;margin:0 auto;}

.prod_row2{width: 1200px;margin:25px auto 0;height: 640px;background: #fff;border-top-left-radius: 40px;border-bottom-right-radius: 40px;padding: 20px;}

.pro_list .pro_list_t{background: url(../images/prod_list_1.png) no-repeat center;width: 250px;height: 100px;display: block;border-top-left-radius: 25px;}
.pro_list .pro_list_t a{color:#fff;font-weight: bold;font-size: 22px;display: block;padding:25px;line-height: 30px;}
.pro_list .pro_list_t a .en{color: #999;display: block;text-transform: capitalize;font-weight: 100;line-height: 20px;font-size: 14px;}

.pro_list_m,.pro_list{width: 250px;}
.pro_list_in,.pro_list_in_1{position: relative;width: 100%;}
.pro_list_in:after,.pro_list_in_1:after{content: '';display: block;height: 100%;position: absolute;width: 1px;left: 0;background:#eee;top:0;}
.pro_list_in:before,.pro_list_in_1:before{content: '';display: block;height: 100%;position: absolute;width: 1px;right: 0;background:#eee;top:0;}

.pro_list_in .vcon{display: none;background:#f5f5f5;padding:22px 0;height: 204px;}
.pro_list_in:first-child .vcon{display: block;}

.pro_list_in > a,.pro_list_in_1 > a{display: block;line-height: 60px;height: 60px;width: 100%;position: relative;overflow: hidden;}
.pro_list_in > a >span,.pro_list_in_1 > a >span{display: block;font-size: 16px;color: #343434;height: 100%;position: relative;z-index: 3;padding:0 30px;}
.pro_list_in.active > a > span{color: #fff}
.pro_list_in > a:before,.pro_list_in_1 > a:before{position: absolute;content: '';background: #eee;width: 100%;height: 1px;bottom: 0;left: 0;z-index: 1;}
.pro_list_in > a:after{content: '';display: block;height: 60px;background: url(../images/prod_list_2.png) no-repeat center;left: -100%;top: 0;position: absolute;width: 100%;z-index: 2;-webkit-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out;}
.pro_list_in.active > a:after{left:0;}
.pro_list_in > .vcon > ul > li > a{display: block;color: #666;line-height: 34px;padding:0 30px;-webkit-transition: 0.3s all ease;transition: 0.3s all ease;font-size:13px;}
.pro_list_in > .vcon > ul > li > a:hover{color:#ff7a0e}
.pro_list_in > a > em {

    display: block;
    position: absolute;
    right: 20px;
    top: 23px;
    width: 18px;
    height: 18px;
    background: url(../images/prod_list_cur.png) no-repeat 0 center;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    z-index: 3;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);

}
.pro_list_in.active > a > em {
    background-position: -27px center;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);

}


.pro_tel{background: url(../images/prod_tel.png) no-repeat 30px center;color: #454545;font-weight: normal;text-align: justify;padding:30px 20px 30px 80px;font-size: 15px;line-height: 20px;border: 1px solid #eee;border-top: 0 none;}

.pro_tel .en{color: #ff7a0e;font-size: 20px;display: block;font-weight: bold;line-height: 30px;}


.prod_r1{width: 870px;height: 345px;padding: 30px;background: url(../images/prod_banner_bg1.jpg) no-repeat center;position: relative;display: block;}
.prod_r1:after{content: '';display: none;width: 120px;height: 120px;position: absolute;top: -3px;right: -3px;background: url(../images/hot_pro.png) no-repeat center;}

.prod_item{ float: left; text-align: center; width: 229px; padding: 20px 40px 0; border-right: 1px solid #eee; position: relative; height: 213px; margin-left: -1px; border-bottom: 1px solid #eee; overflow: hidden;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.prod_item:nth-child(3){ border-bottom-right-radius:25px}
.prod_item:first-child{ border-left: 1px solid #eee; width: 230px; margin-left: 0px; }
.prod_item img{ display: block; width: 100%; height: auto;}
.prod_item span{ display: block; line-height: 45px; font-size: 15px; color: #343434; position: absolute; width: 100%; left: 0; bottom: 0; text-align: center;-webkit-transition:0.3s all ease;transition:0.3s all ease;}
.prod_item:before{content: '';display: block;width: 100%;height: 100%;background:rgba(0,0,0,0.08);position:absolute;left:0;bottom:-100%;-webkit-transition:0.3s all ease;transition:0.3s all ease}
.prod_item:after{content: '';display: block;width: 62px;height: 62px;background: #ff7a0e url(../images/company_more.png) no-repeat center;position: absolute;z-index: 3;opacity: 0.9;left: 125px;top: -85px;border-radius: 50%;-webkit-transition:0.3s all ease;transition:0.3s all ease;}
.prod_item:hover:before{bottom:0;}
.prod_item:hover:after{top: 85px;}
.prod_item:hover span{color: #ff7a0e}

.prod_r1_l{ float: left; width: 400px;}
.prod_r1_l .prod_r1_tit{font-size: 28px;font-weight: bold;color: #ff7a0e;line-height: 35px;padding:35px 0px 10px 10px;}
.prod_r1_l .prod_r1_tit p{display: block;line-height: 24px;font-weight: 100;color: #aaa;padding-top: 15px;}
.prod_r1_r{float: right;width: 430px;height: 345px;}
.prod_r1_r img{display: block;padding: 0px 0;}
.prod_r1_cont{padding-left: 15px;}
.prod_r1_cont strong{color: #fff;font-size: 18px;line-height:70px;display: block;}
.prod_r1_cont p{float: left;text-align:center;color:#fff;font-size: 13px;line-height: 20px;margin-right: 15px;width: 100px}
.prod_r1_cont p img{display: block;margin: 0 auto 10px;border: 1px solid #fff;padding: 12px;border-radius: 7px;-webkit-transition:0.3s all ease-in-out;transition:0.3s all ease-in-out;background: transparent;}
.prod_r1_cont p:hover img{background: #ff7a0e;border: 1px solid #ff7a0e;}

.pro_adv{height: 260px;background: url(../images/pro_adv_bg.png) no-repeat;width: 100%;padding:57px 0 58px;}


.pro_adv_item{ display: block; width: 25%; float: left; height: 350px; position: relative; -webkit-transition:0.3s all ease; transition:0.3s all ease; }
.pro_adv_item:hover{ -webkit-filter: saturate(1.4); filter: saturate(1.4); }
.pro_adv_item .pro_adv_tit{ width: 200px; height: 70px; margin: 0 auto; }
.pro_adv_item1 .pro_adv_tit{background: url(../images/pro_adv1_t.png) no-repeat center;}
.pro_adv_item2 .pro_adv_tit{background: url(../images/pro_adv2_t.png) no-repeat center;}
.pro_adv_item3 .pro_adv_tit{background: url(../images/pro_adv3_t.png) no-repeat center;}
.pro_adv_item4 .pro_adv_tit{background: url(../images/pro_adv4_t.png) no-repeat center;}

.pro_adv_item .pro_adv_cont{width: 300px; height: 270px;position: absolute;bottom: 0;right:-90px;}

.pro_adv_item1 .pro_adv_cont{background: url(../images/pro_adv1.png) no-repeat center;}
.pro_adv_item2 .pro_adv_cont{background: url(../images/pro_adv2.png) no-repeat center;}
.pro_adv_item3 .pro_adv_cont{background: url(../images/pro_adv3.png) no-repeat center;}
.pro_adv_item4 .pro_adv_cont{background: url(../images/pro_adv4.png) no-repeat center;}

.pro_adv_item:after{content: '';display: block;width: 40px;height: 240px;position: absolute;right: 50px;top: 50px;}
.pro_adv_item1:after{background: url(../images/pro_adv1_line.png) no-repeat center;}
.pro_adv_item2:after{background: url(../images/pro_adv2_line.png) no-repeat center;}
.pro_adv_item3:after{background: url(../images/pro_adv3_line.png) no-repeat center;}
.pro_adv_item4:after{background: url(../images/pro_adv4_line.png) no-repeat center;}

.case{padding: 100px 0 65px}
.case_row1{padding: 0px 0 40px;}
.case_row1 a{display: block;width: 100%;height: 100px;background: url(../images/case_tit.png) no-repeat center;}
.case_row2 .case_row2_l{position: relative;width: 640px;height: 540px;}
.case_row2 .shilt{display: none;}
.case_row2 .shil1{position:relative;width: 640px;height: 540px;}
.case_row2 .shil1 dl{display: block;width:100%;height: 100%;position: absolute;left: 0;top: 0; }
.case_row2 .shil1 dl dd{position: absolute;width: 100%;height: 100px;background: url(../images/case_l_tit.png) no-repeat center;display: block;bottom: 0;left: 0;}
.case_row2 .shil1 dl dd a{display: block;padding: 15px 20px 25px 100px;color: #fff;font-size: 20px;font-weight: bold;line-height:40px;}
.case_row2 .shil1 dl dd a span{ display: block; font-weight: 100; line-height: 20px; color: #fff; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }
.case_row2 .case_row2_l .arr{ width: 50px; height: 40px; position: absolute; bottom:45px; right: 20px; }
.case_row2 .case_row2_l .arr > div{ display: block; background: url(../images/case_btn.png) no-repeat 0 0; width: 20px; height: 35px; position: absolute; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); }
.case_row2 .case_row2_l .arr > .arr1{ background-position: 0px -38px; left:0}
.case_row2 .case_row2_l .arr > .arr2{ background-position: -20px -38px; right:0}
.case_row2 .case_row2_l .arr > div:hover{ opacity: 1; filter: alpha(opacity=100); }

.case_row2_r {
    width: 550px;
    height: 540px;
    background: url(../images/case_item_bg.jpg) no-repeat bottom right;
    position: relative;
}
.case_row2_r_t{width: 550px;height: 265px;position: relative;overflow: hidden;display: block;}
.case_row2_r_t > img{display: block; width: 100%;height: auto;position: absolute;top:0;}
.case_row2_r_t > p{position: absolute;right: 0;width:180px;height:175px;background: url(../images/case_row2_1_t.png) no-repeat center;top: 0;color: #fff;font-weight: 100;font-size: 13px;line-height: 24px;text-align: center;padding: 45px 20px;}
.case_row2_r_t > p > strong {

    display: block;
    color: #fff;
    line-height: 50px;
    font-size: 22px;
    font-weight: bold;
    padding-top: 70px;
    background: url(../images/case_row2_1_t_strong.png) no-repeat center top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}


.case_cp_item{display: block;float: left;width: 136px;height: 102px;padding: 29px 12px;border-radius: 10px;background: #fff;position:relative;margin-left: 17px;overflow: hidden;}
.case_cp_item img,.case_cp_item span{display: block;width: 100%;height: 100%;line-height: 30px;text-align: center;color: #666;}
.case_cp_item span {

    position: absolute;
    top: -100%;
    left: 0;
    z-index: 10;
    color: #fff;
    line-height: 158px;
    font-size: 16px;
    -webkit-transition:0.3s all ease-in-out;
    transition:0.3s all ease-in-out;

}
.case_cp_item:hover span{top:0;}
.case_cp_item:after{content: '';display: block;width: 260px;height: 260px;position: absolute;left: -50px;top: -50px;-webkit-box-shadow: 0 0 0 0px rgba(0,0,0,.0) inset;box-shadow: 0 0 0 0px rgba(0,0,0,.0) inset;-webkit-transition:0.6s all ease-in-out;transition:0.6s all ease-in-out;border-radius: 50%;overflow: hidden;}
.case_cp_item:hover:after{-webkit-box-shadow: 0 0 0 260px rgba(0,0,0,0.3) inset;box-shadow: 0 0 0 260px rgba(0,0,0,0.3) inset;}
.case_row2_r_tit {

    padding: 10px 50px 10px 58px;
    background: url(../images/case_row2_r_tit.png) no-repeat left center;
    width: 408px;
    margin: 15px auto;

}
.case_row2_r_tit strong{display: block;font-size: 20px;color: #ff7a0e;line-height: 26px}
.case_row2_r_tit .small{display: block;color: #666;font-size: 13px;line-height: 20px;}



.case_row2_r_b_btn{ width: 50px; height: 40px; position: absolute; bottom:204px; right: 20px; }
.case_row2_r_b_btn > div{ display: block; background: url(../images/case_btn.png) no-repeat 0 0; width: 20px; height: 40px; position: absolute; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); }
.case_row2_r_b_btn > .u_rjt{ background-position: 0px 5px; left:0}
.case_row2_r_b_btn > .u_ljt{ background-position: -20px 5px; right:0}
.case_row2_r_b_btn > div:hover{ opacity: 1; filter: alpha(opacity=100); }


.custom{background: url(../images/adv_bg.jpg) no-repeat center;height: 688px;width: 100%;padding: 50px 0;}
.custom_tit{background: url(../images/adv_tit.png) no-repeat center;height: 100px;width: 100%;padding: 10px 0;}
.custom_cont {
    position: relative;
    height: 500px;
    width: 100%;
    padding: 45px 0px 25px;
}
.custom_cont > .custom_cell{position: absolute;width: 100%;height: 500px;}
.custom_cell ul li{display: block;position: absolute;width: 185px;height: 130px;cursor: pointer}
.custom_cell ul li img {
    position: absolute;
    top: 20px;
    border-radius: 50%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    width: 60px;
    height: 60px;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    border: 20px solid #ff7a0e;
    background: #ff7a0e;
}
.custom_cell ul li p{color: #acacac;text-align:right;line-height:25px;font-size: 13px;padding: 4px 0 10px;-webkit-transition:0.3s all ease;transition:0.3s all ease;}
.custom_cell ul li p strong{color: #fff;display: block;line-height: 36px;font-size: 22px;padding: 10px 0 20px;position: relative;-webkit-transition:0.3s all ease;transition:0.3s all ease;}
.custom_cell ul li p strong:after{width: 100%;content: '';height: 1px;background: #fff;display: block;position: absolute;bottom:6px;-webkit-transition:0.3s all ease;transition:0.3s all ease;}
.custom_cell ul li.cur img {

    border: 20px solid #e0161a;
    width: 60px;
    height: 60px;
    -webkit-box-shadow: 0 0 0 15px rgba(224,22,26,0.2);
    box-shadow: 0 0 0 15px rgba(224,22,26,0.2);
    background: #e0161a;

}
.custom_cell ul li.cur p{color: #fff;}
.custom_cell ul li.cur p strong{color: #fff}
.custom_cell ul li.cur p strong:after{background: #e0161a;}

.custom_cell ul li.custom_cell_1,.custom_cell ul li.custom_cell_2{left:-20px;padding-right:150px; }
.custom_cell ul li.custom_cell_3,.custom_cell ul li.custom_cell_4{right:-20px;padding-left:150px;}
.custom_cell ul li.custom_cell_1,.custom_cell ul li.custom_cell_3{top: 65px}
.custom_cell ul li.custom_cell_2,.custom_cell ul li.custom_cell_4{top: 310px;}
.custom_cell ul li.custom_cell_1 img,.custom_cell ul li.custom_cell_2 img{right:20px;}
.custom_cell ul li.custom_cell_3 img,.custom_cell ul li.custom_cell_4 img{left:20px;}
.custom_cell ul li.custom_cell_3 p,.custom_cell ul li.custom_cell_4 p{text-align: left;}


.custom_info{border-radius: 200px;width: 500px;height: 500px;display: block;overflow: hidden;position: relative;-webkit-transform:rotate(0deg);transform:rotate(0deg);margin: 0 auto;}
.custom_info > div{overflow: hidden;position:absolute;left:0;top:0;}
.custom_info > div > p img{display:block;margin:0px auto 5px;padding: 15px 0 0;}
.custom_info > div > p{display: block;position: absolute;background: rgba(255,122,14,0.9);width:200px;height:200px;left:150px;top: 150px;border-radius: 50%;color: #fff;font-size: 18px;font-weight: 100;text-align:center;line-height:30px;display: none;}
.custom_info > div > p > strong{display: block;color: #fff;font-weight: bold;font-size: 22px;line-height: 28px;}

.corp{padding: 60px 0;}
.corp_row1{background: url(../images/corp_tit.png) no-repeat center;width: 100%;height: 100px;}

.corp_row2{padding: 40px 0 0;}
.corp_row2_l{width: 580px;height: 435px;position:relative;}
.corp_row2_l .shilt{display: none;}
.corp_row2_l .shil1{display: block;width: 580px;height: 435px}
.corp_row2_l .shil1 > dl,.corp_row2_l .shil1 > dl img{width: 580px;height: 435px;display: block;}
.corp_row2_l .shil1 > dl > dd > a.ca_tit{display: block;position: absolute;bottom: 0;width: 540px;left: 0;color:#fff;line-height:20px;font-size:16px;padding: 50px 20px 20px;background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(rgba(0,0,0,0.6)));background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 );}



.corp_row2 .corp_row2_l .arr{ width: 120px; height: 60px; position: absolute; bottom:0px; right: 0; }
.corp_row2 .corp_row2_l .arr > div{background: #333;width:60px;height: 60px;float: left;position: relative;cursor: pointer;}
.corp_row2 .corp_row2_l .arr > div:after{content:'';display: block; background: url(../images/case_btn.png) no-repeat 0 0; width: 20px; height: 35px; position: absolute;  opacity: 0.5; filter: alpha(opacity=50); top: 13px;}
.corp_row2 .corp_row2_l .arr > .arr1:after{ background-position: 0px -38px; left:20px;}
.corp_row2 .corp_row2_l .arr > .arr2:after{ background-position: -20px -38px; right:20px;}
.corp_row2 .corp_row2_l .arr > div:hover:after{ opacity: 1; filter: alpha(opacity=100); }
.corp_row2 .corp_row2_l .arr > div:hover{background:#ff7a0e;}

.corp_row2 .corp_row2_r{width: 584px;height: 435px;position:relative;}
.corp_row2 .corp_row2_r > .tempWrap{width: 580px;height: 435px;position:relative;border: 1px solid #f5f5f5;}
.corp_row2 .corp_row2_r > .tempWrap:after{content: '';display: block;position:absolute;right:0;top:0;
background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)),to(rgba(255,255,255,1)));
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );width:60px;height:100%;z-index: 3;}
.corp_row2 .corp_row2_r > .tempWrap:before{content: '';display: block;position:absolute;left:0;top:0;
background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,1)),to(rgba(255,255,255,0)));
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );width:60px;height:100%;
z-index: 3;
}
.honor_item{height: 430px;width: 290px;text-align: center;border-right: 1px solid #f5f5f5;margin-right: 1px;}
.honor_item img{width: 210px;height: auto;padding: 55px 40px 30px;display: block;}
.honor_item span{text-align: center;font-size: 14px;}

.corp_row2_r_b_btn > div{display: block;width: 34px;height: 34px;background: #fff url(../images/corp_row2_r_b_btn.png) no-repeat 0 0;position: absolute;top:180px;z-index: 4;border-radius: 50%;border: 1px solid #ddd;cursor: pointer;-webkit-transition:0.3s all ease;transition:0.3s all ease;}
.corp_row2_r_b_btn > div.u_ljt{left: -18px;background-position:7px 9px;}
.corp_row2_r_b_btn > div.u_rjt{right: -18px;background-position:-12px 9px;}
.corp_row2_r_b_btn > div:hover{background-position-y: -15px;background-color: #ff7a0e;border:1px solid #ff7a0e}


.ads{height: 200px;width: 100%;padding: 50px 0;background: #f2f2f2}
.ads .fl {padding-right:52px;border-right: 1px solid #e1e1e1;}
.ads .fl > strong{font-size:32px;font-weight: bold;color: #343434;line-height: 50px}
.ads .fl > strong .color{color: #ff7a0e;font-size:32px;}
.ads .fl p{font-weight: 100;color: #666;line-height: 30px;font-size: 20px;}
.ads .fl p .en{font-size: 20px;font-weight:bold;color: #ddd;line-height: 28px;display: block;}
.ads .fl .ads_tel{display: block;padding-left: 65px;font-size: 14px;font-weight: 100;padding-top: 10px;padding-bottom: 10px;position: relative;margin-top: 22px;line-height: 25px;}
.ads .fl .ads_tel strong{font-size: 26px;font-weight: bold;color: #ff7a0e;display: block;}
.ads .fl .ads_tel:after{content: '';display: block;width: 53px;height: 53px;border: 1px solid #ff7a0e;border-radius: 50%;position: absolute;left: 0;top: 9px;background: url(../images/ads_tel.png) no-repeat center;}


.ads_item{float: left;width: 220px;height: 182px;padding: 10px 0px;margin-left: 75px;cursor: pointer;}
.ads_item i{display: block;width: 110px;height: 110px;background: #ff7a0e;border-radius: 50%;margin: 0 auto;position: relative;text-align: center;font-size: 24px;font-weight: bold;color: #fff;font-style: normal;line-height: 110px;-webkit-transition:0.3s all ease;transition:0.3s all ease}
.ads_item:hover i{background: #e0161a}
.ads_item strong{display: block;text-align: center;font-weight: bold;font-size: 22px;color: #343434;line-height: 40px;padding-top: 10px;-webkit-transition:0.3s all ease;transition:0.3s all ease}
.ads_item:hover strong{color: #e0161a;}
.ads_item:hover p{color: #343434}
.ads_item p{display: block;text-align: center;color: #666;font-weight: 100;font-size: 14px;line-height: 22px;-webkit-transition:0.3s all ease;transition:0.3s all ease}
.ads_item i:after{content: '';display: block;width: 32px;height: 32px;border-radius: 50%;position: absolute;right: -2px;bottom: -2px;-webkit-transition:0.3s all ease;transition:0.3s all ease;border:3px solid #e0161a}
.ads_item1 i:after{background: #e0161a url(../images/ads_item3.png) no-repeat center;}
.ads_item2 i:after{background: #e0161a url(../images/ads_item2.png) no-repeat center;}
.ads_item3 i:after{background: #e0161a url(../images/ads_item1.png) no-repeat center;}
.ads_item:hover i:after{background-color: #ff7a0e;border:3px solid #f2f2f2}

.company{padding: 120px 0 140px;}
.company > .page{position: relative}
.company .fl{background: url(../images/company_l.jpg) no-repeat center;width: 648px;height: 385px;padding: 45px 40px;position: relative;margin-left: -55px;}
.company .fl:after{content: '';display: block;width: 1px;background: #f2f2f2;height: 120px;left: 363px;position: absolute;top:-120px;}
.company .fl .company_tit{display: block;padding-left: 85px;margin:0 auto;font-size: 28px;color: #ff7a0e;font-weight: 100;line-height: 85px;width: 210px;background: url(../images/company_tit.png) no-repeat left center;height: 80px;}
.company .fl .company_tit .big{font-weight: bold;font-size: inherit;;color: #ff7a0e;}

.company .fl .company_cont strong{font-size: 23px;color: #343434;line-height: 50px;font-weight: 100;text-align: center;display: block;padding: 10px 0 5px;}
.company .fl .company_cont p{font-size: 14px;color: #666;line-height: 26px;font-weight: 100;text-align: center;display: block;}

.company .fl .company_ico { padding: 30px 0 0; }
.company .fl .company_ico .company_ico_i{float: left;padding:15px 10px;width: 142px;}
.company .fl .company_ico .company_ico_i i{display: block;margin:0 auto;width: 40px;height: 40px;}
.company .fl .company_ico .company_ico_i i img{display: block;width: 100%;height: 100%;}
.company .fl .company_ico .company_ico_i p{display: block;font-size: 14px;font-weight: 100;color: #454545;text-align: center;line-height: 20px;-webkit-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out;}
.company .fl .company_ico .company_ico_i:hover p strong{color: #ff7a0e}
.company .fl .company_ico .company_ico_i p strong{display: block;text-align: center;font-size: 20px;font-weight: bold;color: #343434;line-height: 40px;-webkit-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out;}
.company .fl .company_ico:after{content: '';display: block;clear: both;}


.company .fr{ width: 546px; position: absolute; right: 0; top: -25px; }
.company-box, .company-box .bd ,.company-box .bd ul { width: 100%; height: 467px; position: relative; overflow: hidden; }
.company-box .bd ul li{width: 100%;height: 100%;}
.company-box .bd ul li img{display: block;width: 100%;height: 100%;}
.company-box .company-btn .next,.company-box .company-btn .prev{display: none;}
.company-box .company-btn{position: absolute;bottom: 0;left: 0;width: 100%;height: 50px}
.company-box .company-btn .hd{text-align: center}
.company-box .company-btn .hd ul li{display: inline-block;background: #fff;width: 14px;height:14px;margin:5px;color: #fff;border-radius: 50px;font-size: 0;text-indent: -99999em;-webkit-transition: 0.3s all ease;transition: 0.3s all ease;cursor: pointer}
.company-box .company-btn .hd ul li.on{background: #ff7a0e;color: #ff7a0e;width: 32px}

.company .fr .video{position: absolute;right: -85px;bottom: -85px;width: 215px;height: 210px;}
.company .fr .video:before{content: '';display: block;background: url(../images/company_r_tit.png) no-repeat center;right:-5px;width: 52px;height: 276px;top: -276px;position: absolute;}
.company .fr .video a{display: block;position: relative;width: 215px;height: 210px;}
.company .fr .video a img{display: block;width: 100%;height: 100%;}
.company .fr .video a:after{content: '';display: block;width: 40px;height: 40px;background: url(../images/video_btn.png) no-repeat center;position: absolute;left:74px;top:72px;padding: 12px;border-radius: 50%;border: 1px solid #fff;-webkit-transition:0.3s all ease;transition:0.3s all ease;}
.company .fr .video a:hover:after{border: 1px solid rgba(255,255,255,0.3);-webkit-box-shadow: 0 0 0 10px rgba(255,255,255,0.3);box-shadow: 0 0 0 10px rgba(255,255,255,0.3)}
.company .fr .video p{display: block;line-height:40px;position: absolute;left: -330px;bottom: 20px;width: 250px;padding: 0 40px;font-size: 15px;background: url(../images/video_l_btn.png) no-repeat center 1px;text-align: center;color: #343434;}
.company .fr .video p:after{content: '';display: block;width: 100%;height: 1px;background: #eee;bottom: -20px;position: absolute;left: 0;}
.company .fr .video p:hover{color: #ff7a0e;background-position-y: -45px;}

.company_more{background: url(../images/company_more.png) no-repeat center;width: 42px;height: 42px;position: absolute;display: block;bottom: -21px;left:343px;-webkit-transition: 0.3s all ease;transition: 0.3s all ease;border-radius: 50%;}
.company_more:after{content: '';display: block;width: 1px;height: 120px;background: #ff7a0e;top: 42px;position: absolute;left: 21px;}
.company_more:hover{-webkit-box-shadow: 0 0 0 30px rgba(255,14,14,0.2) inset;box-shadow: 0 0 0 30px rgba(255,14,14,0.2) inset;}


.client{background: url(../images/client_bg.png) no-repeat center;width: 100%;height:220px;padding: 45px 0 40px;}
.client_tit{float: left;}
.client_tit strong{font-size: 36px;color: #ff7a0e;font-weight: bold;line-height: 60px;display: block;
}
.client_tit p{display: block;line-height: 33px;font-size: 18px;color: #fff;font-weight: 100;}
.client_tit .en{display: block;line-height: 22px;font-size: 13px;color: #aaa;}

.client_tel{background: url(../images/client_tel.png) no-repeat left center;padding-left: 75px;color: #fff;font-size: 20px;line-height: 26px;font-weight: 100;padding-top: 10px;padding-bottom: 5px;margin-top: 29px;}
.client_tel .en{display: block;color: #e5322d;font-weight: bold;font-size: 26px;line-height: 30px;}

.client_cont{float: left;position: relative;height: 204px;padding: 8px 15px 8px 35px;width: 200px;}
.client_cont:before{content: '';width: 1px;height: 300px;top: -40px;left: 43.5px;display: block;position: absolute;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)),color-stop(15%, rgba(255,255,255,0.15)),color-stop(50%, rgba(255,255,255,0.3)),color-stop(85%, rgba(255,255,255,0.15)),to(rgba(255,255,255,0)));
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.15) 15%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0.15) 85%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 );}
.client_cont_in li {
    display: block;
    color: #999;
    line-height: 34px;
    font-size: 13px;
    padding-left: 30px;
    position: relative;
    cursor: pointer;
    height: 34px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.client_cont_in li:after{content: '';display: block;width: 14px;height: 14px;border: 2px solid #888;border-radius: 50%;position: absolute;left: 0;top: 9px;background:#32353b;}
.client_cont_in li:hover{color: #ff7a0e}
.client_cont_in li:hover:after{border-color: #ff7a0e}

.client > .page > .fr{width: 660px;position: relative;height: 220px;}

.client_pro{position: absolute;background: url(../images/client_pro.png) no-repeat center;width: 190px;height: 390px;bottom:-10px;left: 40px}


.client #feedback_form{display: block;width: 390px;float: right;}
.client #feedback_form > .feedback_p{font-size:16px;color: #454545;font-weight: 100;line-height: 36px;display: block;text-align: center;}
.client #feedback_form .col6.name{float: left;width: 190px;margin-right:10px;}
.client #feedback_form .col6{width: 190px;float: left;}
.client #feedback_form .col6 input{display: block;width:100%;-webkit-box-sizing: border-box;box-sizing: border-box;height: 50px;-webkit-box-shadow:0px 0px 10px #aaa inset;box-shadow:0px 0px 10px #aaa inset;padding:0 20px 0 40px;margin-bottom: 10px;-webkit-transition:0.3s all ease;transition:0.3s all ease;border: 0 none;line-height: 50px;}
.client #feedback_form .col6 input:focus,.client #feedback_form .col6 input:hover { border-color: #ff7a0e; color: #ff7a0e; -webkit-box-shadow:0px 0px 10px #333 inset; box-shadow:0px 0px 10px #333 inset; }
.client #feedback_form .col6 input#username{ background: url(../images/username.png) no-repeat 10px center #fff;}
.client #feedback_form .col6 input#f_mobile{ background: url(../images/f_mobile.png) no-repeat 10px center #fff;}
.client #feedback_form .col12 textarea{ width: 100%; max-width: 100%; min-width: 100%;max-height: 105px; min-height: 105px; border:0 none; -webkit-box-shadow:0px 0px 10px #aaa inset; box-shadow:0px 0px 10px #aaa inset; height: 105px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px 15px 15px 40px; -webkit-transition:0.3s all ease; transition:0.3s all ease; background: url(../images/feedback_cont.png) no-repeat 10px 13px #fff;}
.client #feedback_form .col12 textarea:focus,.client #feedback_form .col12 textarea:hover { border-color: #ff7a0e; color: #ff7a0e; -webkit-box-shadow:0px 0px 10px #333 inset; box-shadow:0px 0px 10px #333 inset; }
.client #feedback_form .feedback_btn{margin-top: 10px;}
.client #feedback_form .feedback_btn .btns{ background: url(../images/feedback_btn.png) no-repeat center; color: #fff; border: 0 none; width: 195px; height: 45px; line-height: 45px; font-size: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 30px; -webkit-transition: 0.3s all ease; transition: 0.3s all ease;cursor:pointer; float: left;}
.client #feedback_form .feedback_btn .btns.reset{background: url(../images/feedback_btn1.png) no-repeat center;}
.client #feedback_form .feedback_btn .btns:hover{text-indent: 10px}


.news{display: block;width: 100%;height: 440px;padding: 40px 0;background: url(../images/news_bg.png) no-repeat center;}



.news > .page > .fl{width:790px;height: 440px;display: block;}
.news > .page > .fr{width: 320px;background: url(../images/news_line.png) no-repeat left center;padding-left: 60px;height: 440px;}
.news_row1{height: 64px;border-bottom:1px solid #dfdfdf;padding:0 0 0px;}
.news_row1 > a:first-child{font-size: 22px;font-weight: bold;color: #333;line-height: 64px;padding-left: 55px;background: url(../images/news_tit1.png) no-repeat left center;display: block;float:left;}
.news_row1 > a.news_more{font-size: 12px;border:1px solid #999;line-height: 26px;display: block;float: right;padding:0px 15px;color: #999;border-radius: 50px;margin-top: 18px;}
.news > .page > .fr .news_row1 > a:first-child{background: url(../images/news_tit2.png) no-repeat left center;}
.news_row1 > a:first-child .color{font-size: 22px;font-weight: bold;color: #ff7a0e;display: inline-block;}
.news_row1 > a:first-child .en{font-size: 13px;font-weight: 100;color: #888;text-transform: capitalize;display: inline-block;vertical-align: middle;padding-left: 10px;}
.news_row2{padding-top: 20px;}
.faq_row2{ padding-top: 5px; }
.news_row2 .news_row2_item_big{ display: block; position: relative;margin-bottom: 20px;}
.news_row2 .news_row2_item_big:after{content: '';display: block;clear: both;}
.news_row2 .news_row2_item_big:before{content: '查看详情';background: #343434;border-left:3px solid #ff7a0e;color: #fff;line-height: 30px;padding: 5px 25px;display: block;position: absolute;bottom: 25px;left: 325px;z-index: 3;font-size: 14px;-webkit-transition:0.3s all ease-in-out;transition:0.3s all ease-in-out;}
.news_row2 .news_row2_item_big:hover:before{background: #ff7a0e}
.news_row2 .news_row2_item_big i img,.news_row2 .news_row2_item_big i{ display: block; width: 300px; height: 195px; overflow: hidden; position: relative; opacity: 1; filter: alpha(opacity=100); }
.news_row2 .news_row2_item_big i{float: left;}
.news_row2 .news_row2_item_big p span {
    font-size: 20px;
    color: #343434;
    display: block;
    font-weight: 100;
    line-height: 30px;
    padding-bottom: 12px;white-space: nowrap;

text-overflow: ellipsis;
-webkit-transition:0.3s all ease-in-out;
transition:0.3s all ease-in-out;
overflow: hidden;
width: 100%;
}
.news_row2 .news_row2_item_big:hover p span{color: #ff7a0e}
.news_row2 .news_row2_item_big p {
    font-size: 13px;
    color: #666;
    font-weight: 100;
    line-height: 22px;
    float: right;
    width: 465px;
    padding: 20px 0px 20px 0px;
    text-align: justify;
}
.news_row2 .news_row2_item{float: left;width:395px; }
.news_row2 .news_row2_item p {
    font-size: 13px;
    line-height: 2em;
    font-weight: 100;
    color: #676767;
    float: left;
    width: 280px;
    padding: 10px 20px;
}
.news_row2 .news_row2_item p span{display: block;font-size: 18px;line-height: 2em;font-weight: 100;color: #343434;white-space: nowrap;

text-overflow: ellipsis;

overflow: hidden;}
.news_row2 .news_row2_item:hover p span{color: #ff7a0e;}
.news_row2 .news_row2_item strong {
    display: block;
    color: #fff;
    background: url(../images/news_date.png) no-repeat center;
    width: 54px;
    height: 50px;
    font-weight: 100;
    font-size: 14px;
    text-align: right;
    padding: 30px 7px;
    line-height: 25px;
    float: left;
}
.news_row2 .news_row2_item strong i{font-size: 20px;color: #fff;font-weight: bold;display: block;font-style: normal;}
.news_row2 .news_row2_item:hover strong{background: url(../images/news_date_c.png) no-repeat center;}

.faq_row2 > .faq_item{display: block;line-height: 60px;}
.faq_row2 > .faq_item *{-webkit-transition: 0.3s all ease;transition: 0.3s all ease}
.faq_row2 > .faq_item > .str,.faq_row2 > .faq_item > p{display: block;-webkit-box-sizing: border-box;box-sizing: border-box;border: 1px solid #c4c4c4;border-radius: 60px;position: relative;font-size: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding:0 30px;margin:22px 0;}
.faq_row2 > .faq_item > .str:after{content: '';display: block;width: 60px;height: 60px;background:#c4c4c4 url(../images/faq_row2_1.png) no-repeat center;position: absolute;left: 0px;top: 0;border-radius:50%;-webkit-transition:0.3s all ease;transition:0.3s all ease}
.faq_row2 > .faq_item > p:after{content: '';display: block;width: 60px;height: 60px;background:#ff7a0e url(../images/faq_row2_2.png) no-repeat center;position: absolute;right: 0px;top: 0;border-radius:50%;-webkit-transition:0.3s all ease;transition:0.3s all ease}
.faq_row2 > .faq_item > .str{padding-left: 75px;}
.faq_row2 > .faq_item > p{padding-right: 75px;}
.faq_row2 > .faq_item:hover > p:after{background-color: #e5322d}
.faq_row2 > .faq_item:hover > .str:after{ background-color: #666}



.copy_row1{ display: block; background: url(../images/copy_r1.png) no-repeat center; width: 100%; height:60px; padding: 20px 0; }
.copy_row1 .copy_item { display: block; float: left; padding-right: 100px; }
.copy_row1 .copy_item strong { font-size: 18px; color: #fff; line-height: 34px; font-weight: normal; padding-left: 30px; position: relative; display: block; }
.copy_row1 .copy_item p{ display: block; color: #ffead9; font-size: 15px; line-height: 24px; font-weight: 100; }
.copy_row1 .copy_item strong:after{ content: ''; display: block; width: 20px; height: 20px; left: 0; position: absolute; top: 7px; }
.copy_row1 .copy_item1 strong:after{ background: url(../images/copy_item1.png) no-repeat center; }
.copy_row1 .copy_item2 strong:after{ background: url(../images/copy_item2.png) no-repeat center; }
.copy_row1 .copy_item3 strong:after{ background: url(../images/copy_item3.png) no-repeat center; }
.copy_row1 .copy_r1_btn{ display: block; border: 1px solid #fff; line-height: 50px; margin:4px 0; position:relative; }
.copy_row1 .copy_r1_btn:after{ content: ''; display: block; width: 100%; background:#e5322d; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; -webkit-transform: scaleX(0); transform: scaleX(0); }
.copy_row1 .copy_r1_btn:hover{ border:1px solid #e5322d}
.copy_row1 .copy_r1_btn:hover:after{ -webkit-transform: scaleX(1); transform: scaleX(1)}
.copy_row1 .copy_r1_btn a{ display: block; color: #fff; padding:0 35px 0 70px; font-size: 17px; background: url(../images/copy_contact.png) no-repeat 30px center; text-align: center; font-weight: bold; position: relative; z-index: 2; }

.copy_row2{ height: 310px; }
.copy_row2 .fl > ul{ float: left; padding: 33px 50px 33px 60px; position: relative; margin-right: 15px; height: 245px; }
.copy_row2 .fl > ul li a{ display: block; line-height: 40px; color:#888; font-size:13px; }
.copy_row2 .fl > ul > strong a,.copy_row2 .fl > ul > strong{ display: block; font-size:17px; font-weight:100; line-height:54px; color: #343434; position:relative; }
.copy_row2 .fl > ul:before{ content: ''; display: block; width: 1px; height: 100%; background: #eee; position: absolute; left: 27px; top: 0; }
.copy_row2 .fl > ul > strong a:after{ content: ''; display: block; width: 40px; height: 40px; background: #ddd; position: absolute; left: -54px; top: 8px; border-radius: 50%; }
.copy_row2 > .page{ height: 310px; position: relative; }
.copy_row2 > .page > .fr { background: url(../images/copy_r2.png) repeat center 0; width: 260px; position: absolute; bottom: 0; right: -360px; height: 160px; padding: 120px 360px 30px 40px; font-size: 13px; line-height: 24px; color: #666; }
.copy_row2 > .page > .fr a{font-size: 13px;line-height: 24px;color: #666;}
.copy_row2 > .page > .fr:after{content: '';display: block;width: 260px;left: 40px;height: 1px;background: #e1e1e1;top:115px;position: absolute;}
.copy_row2 .fl > ul.copy_ul_1 > strong a:after{background: #ddd url(../images/nav_5.png) no-repeat center;}
.copy_row2 .fl > ul.copy_ul_2 > strong a:after{background: #ddd url(../images/nav_2.png) no-repeat center;}
.copy_row2 .fl > ul.copy_ul_3 > strong a:after{background: #ddd url(../images/nav_3.png) no-repeat center;}
.copy_row2 .fl > ul.copy_ul_4 > strong a:after{background: #ddd url(../images/nav_4.png) no-repeat center;}

.copy_row2 .fl > ul:hover:before{background-color: #ff7a0e;}
.copy_row2 .fl > ul li a:hover{color: #454545;text-decoration: underline;}
.copy_row2 .fl > ul:hover > strong a:after{background-color: #ff7a0e;}
.copy_row2 .fl > ul:hover > strong a{color: #ff7a0e}

.copy_r2 > a{display: block;position: relative;width: 48px;height: 48px;border-radius: 50%;background: #fff;float: left;margin-right: 15px;margin-top: 15px;-webkit-transition:0.3s all ease;transition:0.3s all ease;}
.copy_r2 > a span{display: none;width: 120px;height: 120px;position: absolute;bottom: 55px;left: -36px;background: #fff;z-index: 3;}
.copy_r2 > a span img{display: block;width: 110px;height: 110px;padding: 5px;}
.copy_r2 > a > i{display: block;width: 48px;height: 48px;background: url(../images/copy_r2_ico.png) no-repeat 0 7px;-webkit-transition:0.3s all ease;transition:0.3s all ease;}
.copy_r2 > a.copy_r2_ico1 > i{background-position-x: 2px;}
.copy_r2 > a.copy_r2_ico2 > i{background-position-x: -48px;}
.copy_r2 > a.copy_r2_ico3 > i{background-position-x: -99px;}
.copy_r2 > a:hover > i{background-position-y:-33px;}
.copy_r2 > a:hover{background: #ff7a0e}


.friend_link { width: 100%; height: 50px; padding-top: 1px; position: relative; }
.friend_link:after { content: ''; display: block; width: 100%; background: #eee; height: 1px; top: 0; right: 0; display: block; position: absolute; }
.friend_link > .page > .fri_l{background: url(../images/friendfriend.png) no-repeat left center; line-height: 50px; color: #666; font-size: 16px; float:left; padding:0 20px 0 30px;  }
.friend_link > .page > .fri_r{ line-height: 50px; padding:0 22px; width: 1041px; float: left; border-left:1px solid #eee;}
.friend_link > .page > .fri_r > ul > li{ float: left}
.friend_link > .page > .fri_r > ul > li > a{ font-size: 14px; margin-right: 10px; color:#666}
.friend_link > .page > .fri_r > ul > li > a:hover{ text-decoration: underline; color: #ff7a0e}